{% load staticfiles %}{% load blog_tags %}<!DOCTYPE html>
<html class="theme-next pisces use-motion" lang="zh-Hans">
<head>
    <meta name="baidu-site-verification" content="f3pd3lmpkj" />
    <meta property="wb:webmaster" content="b0059bf0e1f39b05" />
    <meta name="google-site-verification" content="8norpRDI15J2QdkUhbuL8IUY0A-pv5Dw_2B0GvIdi1Q" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <title>{% block title %}Cluas&#39;s Blog{% endblock %}</title>
    <link href="https://cdn.jsdelivr.net/fancybox/2.1.5/jquery.fancybox.min.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Monda:300,300italic,400,400italic,700,700italic|Roboto Slab:300,300italic,400,400italic,700,700italic|Rosario:300,300italic,400,400italic,700,700italic|PT Mono:300,300italic,400,400italic,700,700italic&amp;subset=latin,latin-ext" rel="stylesheet" type="text/css">
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="{% static 'css/main.css' %}" rel="stylesheet" type="text/css">
    {% block css %}
    {% endblock %}
    <meta name="keywords" content="Cluas">
    <link rel="alternate" href="{% url 'blog:rss' %}" title="Cluas&#39;s Blog" type="application/atom+xml">
    <link rel="shortcut icon" type="image/x-icon" href="{% static 'image/favicon.ico' %}">
    <meta name="description" content="Trust yourself！">
    <script type="text/javascript">
        var CLUAS = window.CLUAS || {};
        var CONFIG = {
            root: '/',
            scheme: 'Pisces',
            sidebar: {
                "position": "left",
                "display": "post",
                "offset": 12,
                "offset_float": 0,
                "b2t": false,
                "scrollpercent": true
            },
            fancybox: true,
            motion: true,
            {% algolia as algolia %}
            algolia: {
                applicationID: '{{ algolia.appID }}',
                apiKey: '{{algolia.searchKey}}',
                indexName: '{{algolia.indexName }}',
                hits: {"per_page": 7},
                labels: {
                    "input_placeholder": "搜索",
                    "hits_empty": "未发现与 「${query}」相关的内容",
                    "hits_stats": "${hits} 条相关条目，使用了 ${time} 毫秒"
                }
            }
        };
    </script>
    <link rel="canonical" href="http://ww.cluas.me/">
</head>
<body lang="zh-Hans">
<div class="container sidebar-position-left page-home">
    <div class="headband"></div>
    <header id="header" class="header">
        <div class="header-inner">
            <div class="site-brand-wrapper">
                <div class="site-meta">
                    <div class="custom-logo-site-title">
                        <a href="{% url 'blog:index' %}" class="brand" rel="start">
                            <span class="logo-line-before"><i></i></span>
                            <span class="site-title" >Cluas&#39;s Blog</span>
                            <span class="logo-line-after"><i></i></span>
                        </a>
                    </div>
                    <p class="site-subtitle">Trust yourself！</p>
                </div>
                <div class="site-nav-toggle">
                    <button>
                        <span class="btn-bar"></span>
                        <span class="btn-bar"></span>
                        <span class="btn-bar"></span>
                    </button>
                </div>
            </div>
            <nav class="site-nav">
                <ul id="menu" class="menu">
                    <li class="menu-item menu-item-home {% if not status%}menu-item-active{% endif %}">
                        <a href="{% url 'blog:index' %}" rel="section">
                            <i class="menu-item-icon fa fa-fw fa-home"></i> <br>首页
                        </a>
                    </li>
                    <li class="menu-item menu-item-archives {% if status == 'archives' %}menu-item-active{% endif %}" >
                        <a href="{% url 'blog:archives' %}" rel="section">
                            <i class="menu-item-icon fa fa-fw fa-archive"></i> <br>归档
                        </a>
                    </li>
                    <li class="menu-item menu-item-tags {% if status == 'tags' %}menu-item-active{% endif %}">
                        <a href="{% url 'blog:post_tags' %}" rel="section">
                            <i class="menu-item-icon fa fa-fw fa-tags"></i> <br>标签
                        </a>
                    </li>
                    <li class="menu-item menu-item-search">
                        <a href="javascript:" class="popup-trigger">
                            <i class="menu-item-icon fa fa-search fa-fw"></i> <br>搜索
                        </a>
                    </li>
                </ul>
                {#                搜索 带添加#}
                <div class="site-search">
                    <div class="algolia-popup popup search-popup">
                        <div class="algolia-search">
                            <div class="algolia-search-input-icon">
                                <i class="fa fa-search"></i>
                            </div>
                            <div class="algolia-search-input" id="algolia-search-input">

                            </div>
                        </div>
                        <div class="algolia-results">
                            <div id="algolia-stats"></div>
                            <div id="algolia-hits"></div>
                            <div id="algolia-pagination" class="algolia-pagination"></div>
                        </div>
                        <span class="popup-btn-close"><i class="fa fa-times-circle"></i></span>
                    </div>
                </div>
            </nav>
        </div>
    </header>
    <main id="main" class="main">
        <div class="main-inner">
            {% block main %}
            {% endblock %}
            <!--边栏-->
            <div class="sidebar-toggle">
                <div class="sidebar-toggle-line-wrap">
                    <span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
                    <span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
                    <span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
                </div>
            </div>
            <aside id="sidebar" class="sidebar">
                <div class="sidebar-inner {% if post.toc %}affix-top{% endif %}">
                    {% if post.toc %}
                        <ul class="sidebar-nav motion-element">
                            <li class="sidebar-nav-toc sidebar-nav-active" data-target="post-toc-wrap">
                                文章目录
                            </li>
                            <li class="sidebar-nav-overview" data-target="site-overview">
                                站点概览
                            </li>
                        </ul>
                    {% endif %}
                    <section class="site-overview sidebar-panel {% if post.toc %} {% else %}sidebar-panel-active{% endif %}">
                        <div class="site-author motion-element">
                            <img class="site-author-image" src="{% static 'image/1.png' %}" alt="Cluas">
                            <p class="site-author-name">Cluas</p>
                            <p class="site-description motion-element">Trust yourself！</p>
                        </div>
                        <nav class="site-state motion-element">
                            <div class="site-state-item site-state-posts">
                                <a href="{% url 'blog:archives' %}">
                                    <span class="site-state-item-count">{% total_posts %}</span>
                                    <span class="site-state-item-name">日志</span>
                                </a>
                            </div>
                            <div class="site-state-item site-state-categories">
                                <a href="{% url 'blog:category_list' %}">
                                    <span class="site-state-item-count">{% get_categories as categories %}{{ categories.count }}</span>
                                    <span class="site-state-item-name">分类</span>
                                </a>
                            </div>
                            <div class="site-state-item site-state-tags">
                                <a href="{% url 'blog:post_tags' %}">
                                    <span class="site-state-item-count">{% get_tags as tags %}{{ tags.count }}</span>
                                    <span class="site-state-item-name">标签</span>
                                </a>
                            </div>
                        </nav>
                        <div class="feed-link motion-element">
                            <a href="{% url 'blog:rss' %}" rel="alternate">
                                <i class="fa fa-rss"></i>
                                RSS
                            </a>
                        </div>
                        <div class="links-of-author motion-element">
                            <span class="links-of-author-item">
                                <a href="https://github.com/Cluas" target="_blank" title="GitHub">
                                    <i class="fa fa-fw fa-github"></i>
                                    GitHub
                                </a>
                            </span>
                            <span class="links-of-author-item">
                                <a href="#" target="_blank" title="WeiXin">
                                    <i class="fa fa-fw fa-weixin"></i>
                                    微信
                                </a>
                            </span>
                            <span class="links-of-author-item">
                                <a href="https://weibo.com/172074443/" target="_blank" title="微博">
                                    <i class="fa fa-fw fa-weibo"></i>
                                    微博
                                </a>
                            </span>
                            <span class="links-of-author-item">
                                <a href="https://www.zhihu.com/people/cluas/" target="_blank" title="知乎">
                                    <i class="fa fa-fw fa-heart"></i>
                                    知乎
                                </a>
                            </span>
                        </div>
                    </section>
                    {% block toc %}
                    {% endblock %}
                </div>
            </aside>
        </div>
    </main>

    <footer id="footer" class="footer">
        <div class="footer-inner">
            <div class="copyright">
                © 2011 - <span>2017</span> <span class="with-love">
                <i class="fa fa-heart"></i></span> <span class="author">Cluas</span>
            </div>

            <div class="powered-by">
                由 - <a class="theme-link" href="https://hexo.io/">Django</a> 强力驱动
            </div>

            <div class="theme-info">
                源码 - <a class="theme-link" href="https://github.com/cluas/blog"> Cluas's Blog </a>
            </div>
        </div>
    </footer>
    <div class="back-to-top">
        <i class="fa fa-arrow-up"></i> <span id="scrollpercent"><span>0</span>%</span>
    </div>
</div>
<script type="text/javascript">
    if (Object.prototype.toString.call(window.Promise) !== '[object Function]') {
        window.Promise = null;
    }
</script>
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/fastclick/1.0.6/fastclick.min.js"></script>
<script type="text/javascript" src="{% static 'jquery.lazyload/1.9.3/jquery.lazyload.min.js' %}"></script>
<script type="text/javascript" src="{% static 'velocity/1.2.3/velocity.min.js' %}"></script>
<script type="text/javascript" src="{% static 'velocity/1.2.3/velocity.ui.min.js' %}"></script>
<script type="text/javascript" src="{% static 'fancybox/2.1.5/jquery.fancybox.pack.js' %}"></script>
<script type="text/javascript" src="{% static 'js/src/utils.js' %}"></script>
<script type="text/javascript" src="{% static 'js/src/motion.js' %}"></script>
<script type="text/javascript" src="{% static 'js/src/affix.js' %}"></script>
<script type="text/javascript" src="{% static 'js/schemes/pisces.js' %}"></script>
<script type="text/javascript" src="{% static 'js/src/scrollspy.js' %}"></script>
<script type="text/javascript" src="{% static 'js/src/post-details.js' %}"></script>
<script type="text/javascript" src="{% static 'js/src/bootstrap.js' %}"></script>
<script type="text/javascript" src="{% static 'js/src/algolia-search.js' %}"></script>
<link rel="stylesheet" href="{% static 'lib/algolia-instant-search/instantsearch.min.css' %}">
<script type="text/javascript" src="{% static 'lib/algolia-instant-search/instantsearch.min.js' %}"></script>
{% block script %}
{% endblock %}
</body>
</html>